body {
	max-width: 1000px;
	font-family: "Georgia", serif;
	color: #16130E;
	font-size: 16px;
	background-image: url('../ikona/paraskinio/standard.png');
	background-repeat: repeat;
}

#ixos {
	display: none;
}

/***************************************************************************************************************/

#toolbar {
	border-style: none none solid none;
	border-width: 2px;
}

#toolbarLeft {
	width: 49%;
	text-align: left;
	vertical-align: bottom;
}

#toolbarCenter {
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
}

#toolbarRight {
	width: 49%;
	text-align: right;
	vertical-align: bottom;
}

/***************************************************************************************************************/

#ribbon {
	border-style: solid none none none;
	border-width: 2px;
}

#ribbonLeft {
	width: 33%;
	text-align: left;
	vertical-align: top;
}

#ribbonCenter {
	text-align: center;
	vertical-align: top;
}

#ribbonRight {
	width: 33%;
	text-align: right;
	vertical-align: top;
}

.ribbonIcon {
	margin: 2px 4px;
	height: 20px;
}

/***************************************************************************************************************/

.fyi {
	opacity: 0;
	height: 20px;
	font-style: italic;
	color: rgb(0, 75, 190);
	background-color: rgb(255, 255, 197);
	white-space: nowrap;
	overflow: hidden;
}

.fyi:before {
	content: '\200B';
}

#fyiPano {
	padding: 0px 4px 4px 4px;
	text-align: right;
}

#fyiKato {
	padding: 2px 4px 2px 4px;
	text-align: left;
}

/***************************************************************************************************************/

#ofelimo {
	min-height: 600px;
}

/***************************************************************************************************************************/

.formaSoma {
	display: inline-block;
	padding: 14px;
	background-color: #D3D3AD;

	border-style: solid;
	border-width: 1px;
	border-color: #888888;

	box-shadow: 2px 2px 8px #B4B4B4;
}

.formaTitlos {
	text-align: center;
	font-weight: bold;
	margin: 0 0 1ex 0;
}

.formaPrompt {
	text-align: right;
	padding: 6px 0 0 0;
	font-style: italic;
}

.formaPedio {
	text-align: left;
	padding: 6px 0 0 0.4em;
}

.formaPedio input {
	padding: 0 0 0 0.3em;
}

.formaPanel {
	margin-top: 1.8ex;
}

.formaButton {
	margin-right: 1em;
	cursor: pointer;
}

/***************************************************************************************************************/

.panel {
	overflow: hidden;

	border-style: none;
	border-width: 1px;
	border-color: rgba(128, 128, 0, 0.20);
}

.panelV {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 100%;
	padding: 0 2px;
	white-space: normal;
	border-style: none none none dotted;
}

.panelH {
	width: 100%;
	height: 32px;
	white-space: nowrap;
	border-style: dotted none none none;
}

.panelContainer {
	display: inline-block;
}

.panelButton {
	display: none;
	padding: 2px;

	border-style: outset;
	border-width: 2px;
	border-color: transparent;
}

.panelButtonV {
	margin: 2px 0;
}

.panelButtonH {
	position: relative;
	bottom: -2px;
	margin: 0 2px;
}

.panelButton:hover {
	background-color: rgb(255, 255, 178);
	border-color: rgb(200, 206, 211);
	cursor: pointer;
}

.panelButtonCandi {
	background-color: rgb(255, 255, 178);
	border-color: rgb(200, 206, 211);
}

.panelButtonEkremes {
	background-color: #FFFF9D !important;
	border-style: double !important;
	border-color: rgba(255, 0, 0, 0.22) !important;
}

.panelButtonEpilogi {
	background-color: rgba(228, 228, 147, 0.4);
	border-style: inset !important;
	border-color: rgba(224, 203, 159, 0.5) !important;
}

.panelIcon {
	display: block;
	width: 32px;
}

.panelIconH {
	display: block;
	height: 20px;
	width: auto;
}

.panelKimeno {
	display: inline-block;
	position: relative;
	top: -10px;
	margin: 0 2px 0 2px;
	font-size: 18px;
	font-style: italic;
}

.panelInput {
	display: inline-block;
	position: relative;
	bottom: 7px;
	width: 6em;
	margin: 0 0 0 2px;
	font-size: 15px;
	font-style: normal;
	background-color: #FFFFD2;
}

/***************************************************************************************************************/

.siromeno {
	opacity: 0.7 !important;
	box-shadow: 0px 0px 8px #888 !important;
}

.klisimoIcon {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 22px;
	opacity: 0.5;
	cursor: pointer;
}

.klisimoIconEmfanes {
	opacity: 1;
}

/************************************************************************************************************************/

.zelatina {
	background-color: rgba(128, 128, 0, 0.2);
}

.perigrama {
	border-color: rgb(219, 219, 170);
}

.tab {
	display: inline-block;
	margin: 0 6px;
	white-space: nowrap;
}

.tab:before {
	content: '[\0020';
}

.tab:after {
	content: '\0020]';
}

.sinefo {
	text-shadow: 0 0 20px #FFF, 0 0 8px #FFF, 0 0 4px #FFF;
}

.entona {
	font-weight: bold;
}

.plagia {
	font-style: italic;
}

.ipogramisi {
	text-decoration: underline;
}

.mavro {
	color: #16130E;
}

.ble {
	color: #003366;
}

.prasino {
	color: #104410;
}

.kokino {
	color: #990000;
}

.kentro {
	text-align: center;
}

.dexia {
	text-align: right;
}

.aristera {
	text-align: left;
}
